<!--
 * @Author: your name
 * @Date: 2020-10-20 14:12:55
 * @LastEditTime: 2020-11-25 17:46:49
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \lc03\index.html
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="js/layui/css/layui.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/font.css">
</head>

<body style="width: 100%;height: 100%;background: #f2f4fa;">
    <script src="http://www.jq22.com/jquery/1.8.3/jquery.min.js"></script>
    <script src="js/layui/layui.js"></script>
    <script src="js/common.js"></script>



    <script>

    </script>


    <div style="min-height: 100vh;background: #f2f4fa;">
        <div class="header">
            <div class="header_nav">
                <div class="header_title nui">搬货通</div>
                <div class="header_list">
                    <div class="head_active">
                        <i class="iconfont">&#xe627;</i>
                        <span>首页</span>
                        <span>首页</span>
                        <span>首页</span>
                        <span>首页</span>
                    </div>
                    <div>
                        <i class="iconfont">&#xe65f;</i>
                        <span>商品库</span>
                    </div>
                    <div>
                        <i class="iconfont">&#xe69e;</i>
                        <span>一件搬货</span>
                    </div>
                    <div>
                        <i class="iconfont">&#xe674;</i>
                        <span>任务中心</span>
                    </div>
                </div>
                <div class="user_l" style="">
                    <img src="./image/page1/uesr_img.png" alt="">
                    <span>
                        <img src="./image/page1/uesr_img_icon.png" alt="">
                    </span>
                </div>
            </div>
        </div>
        <div class="head_bottom_cont"></div>
        <div class="content_top" style="">
            <div>
                <div class="content_top_sun" style="">
                    <div>
                        <img src="./image/page1/good_num.png" alt="">
                    </div>
                    <div>
                        <p>32</p>
                        <div class="s_t spnum_bg">商品总数</div>
                    </div>
                </div>
                <div class="content_top_sun" style="">
                    <div>
                        <img src="./image/page1/good_num_no.png" alt="">
                    </div>
                    <div>
                        <p>32</p>
                        <div class="s_t spnum_bg">商品总数</div>
                    </div>
                </div>
                <div class="content_top_sun" style="">
                    <div>
                        <img src="./image/page1/good_num_yes.png" alt="">
                    </div>
                    <div>
                        <p>32</p>
                        <div class="s_t spnum_bg">商品总数</div>
                    </div>
                </div>
            </div>
            <div style="">
                <table style="border-collapse: separate;" class="layui-table">
                    <colgroup>
                        <col width="150">
                        <col width="200">
                        <col>
                    </colgroup>
                    <thead>
                        <tr style="    border-radius: 8px;
                        background: #495bed;
                        color: #fff;">
                            <th>店铺名称</th>
                            <th>已搬货数量</th>
                            <th>未搬货数量</th>
                            <th>搬货率</th>
                            <th>上次搬货时间</th>
                        </tr>
                    </thead>
                    <tbody style="font-weight: bold;">
                        <tr>
                            <td>张三的店铺</td>
                            <td>32</td>
                            <td>0</td>
                            <td>100%</td>
                            <td>2020-09-29 12:00</td>
                        </tr>
                        <tr>
                            <td>张三的店铺</td>
                            <td>32</td>
                            <td>0</td>
                            <td>100%</td>
                            <td>2020-09-29 12:00</td>
                        </tr>
                        <tr>
                            <td>张三的店铺</td>
                            <td>32</td>
                            <td>0</td>
                            <td>100%</td>
                            <td>2020-09-29 12:00</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="wp clb page_number">
            <p class="pre">上一页</p>
            <ul class="count clb">
                <li class="">1</li>
                <li class="">2</li>
                <li class="">3</li>
                <li class="">4</li>
                <li class="clicked">5</li>
                <li class="">6</li>
                <li class="">7</li>
                <li class="">8</li>
                <li class="">...</li>
                <li class="">221</li>
                <li class="">222</li>
            </ul>
            <p class="next">下一页</p>
        </div>
    </div>

</body>
<script src="js/index.js"></script>

</html>